<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register</title>
    <style type="text/css" media="screen">
        *{margin:0; padding: 0;}
        body{background:url(img/4.jpg) no-repeat center center fixed; background-size: cover; font-family: 微软雅黑;}
        div{width: 350px;height: 400px; background-color:rgba(250,250,250,.5);margin:120px 60%; border-radius: 20px;}
        div .register{width:70px;height:70px;border-radius: 70px;
            margin:10px 40%;}
            #user,#pwd{width: 250px;height: 35px;border-radius: 10px;font-size: 16px; background-color: #eee;}
            form{margin-top: 10px; margin-left: 20px;}
             td{height:70px; }
           #user:focus{outline: none;box-shadow: 1px 1px 20px black;}
             #pwd:focus{outline: none;box-shadow: 1px 1px 20px black;}
             #reg{outline: none; width: 250px;height: 35px;border-radius: 50px; background-color: white;margin:10px 45px;}
            
             #reg:hover{background-color:#5191db;}
             a{text-decoration:none; color:#999; margin-left: 100px;}
             a:hover{color: rgb(229, 35, 37);}
             h2{color: #4786b2;margin-left: 38%;}



    </style>
</head>
<body>
    <div>
        <img class="register" src="picture/11.jpg">
        <h2>Register</h2>
        <form action="register.php" method="post">
            <table>
                <tr>
                    <td><img src="img/user.png" width="40px" height="40px"></td>
                    <td><input id="user" type="text" name="user" value=""></td>
                </tr>
                <tr><td><img src="img/pwd.png" width="40px" height="40px"></td>
                <td><input id="pwd" type="password" name="pwd" value="" maxlength="6"></td>
                </tr>
            </table>
           <input id="reg" type="submit" name="register" value="REGISTER">
           <a href="login.html">已经注册，直接登录</a>
            
        </form>
    </div>
</body>
</html>